<template>
<div>
  <van-tabbar v-model="active">
    <div  style="width: 80%;margin: auto;display: flex;justify-content: space-between">
      <router-link :to="{path:'/indexView'}">
        <van-tabbar-item icon="home-o">首页</van-tabbar-item>
      </router-link>
      <router-link :to="{path:'/detail'}">
        <van-tabbar-item icon="search">标签</van-tabbar-item>
      </router-link>
      <router-link :to="{path:'/detail'}">
        <van-tabbar-item icon="manager-o">个人中心</van-tabbar-item>
      </router-link>
    </div>


<!--    <van-tabbar-item icon="manager-o">个人中心</van-tabbar-item>-->
<!--    <van-icon name="manager-o" />-->
  </van-tabbar>
</div>
</template>

<script>
export default {
name: "tabbar",
  data() {
    return {
      active: 0,
    };
  },
}
</script>

<style scoped>

</style>